﻿<!DOCTYPE html>
<html>
  <head>
    <title>宝贝详情</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/宝贝详情/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/宝贝详情/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- iPhone 8 (组合) -->
      <div id="u1011" class="ax_default" data-label="iPhone 8" data-left="30" data-top="30" data-width="430" data-height="880">

        <!-- iPhone 8 (图像) -->
        <div id="u1012" class="ax_default" data-label="iPhone 8">
          <img id="u1012_img" class="img " src="images/1首页-问答/iphone_8_u1.png"/>
        </div>

        <!-- iPhone 8 (图像) -->
        <div id="u1013" class="ax_default" data-label="iPhone 8">
          <img id="u1013_img" class="img " src="images/1首页-问答/iphone_8_u2.png"/>
        </div>

        <!-- iPhone 8 (图像) -->
        <div id="u1014" class="ax_default" data-label="iPhone 8">
          <img id="u1014_img" class="img " src="images/1首页-问答/iphone_8_u3.png"/>
        </div>

        <!-- iPhone 8 (图像) -->
        <div id="u1015" class="ax_default" data-label="iPhone 8">
          <img id="u1015_img" class="img " src="images/1首页-问答/iphone_8_u4.png"/>
        </div>

        <!-- iPhone 8 (图像) -->
        <div id="u1016" class="ax_default" data-label="iPhone 8">
          <img id="u1016_img" class="img " src="images/1首页-问答/iphone_8_u5.png"/>
        </div>

        <!-- iPhone 8 (图像) -->
        <div id="u1017" class="ax_default" data-label="iPhone 8">
          <img id="u1017_img" class="img " src="images/1首页-问答/iphone_8_u6.png"/>
        </div>

        <!-- iPhone 8 (图像) -->
        <div id="u1018" class="ax_default" data-label="iPhone 8">
          <img id="u1018_img" class="img " src="images/1首页-问答/iphone_8_u7.png"/>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1019" class="ax_default icon">
        <img id="u1019_img" class="img " src="images/宝贝详情/u1019.png"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1020" class="ax_default" data-left="364" data-top="174" data-width="55" data-height="31">

        <!-- 购物车数 (矩形) -->
        <div id="u1021" class="ax_default box_2" data-label="购物车数">
          <div id="u1021_div" class=""></div>
        </div>

        <!-- Unnamed (图像) -->
        <div id="u1022" class="ax_default _图片">
          <img id="u1022_img" class="img " src="images/宝贝详情/u1022.png"/>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u1023" class="ax_default _图片">
        <img id="u1023_img" class="img " src="images/宝贝详情/u1023.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1024" class="ax_default label">
        <div id="u1024_div" class=""></div>
        <div id="u1024_text" class="text ">
          <p><span>纯手工制作 黄油曲奇 一盒10个</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1025" class="ax_default label">
        <div id="u1025_div" class=""></div>
        <div id="u1025_text" class="text ">
          <p><span>￥35</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1026" class="ax_default label">
        <div id="u1026_div" class=""></div>
        <div id="u1026_text" class="text ">
          <p><span>口味：原味、巧克力味、抹茶味&nbsp; 非偏远地区包邮</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1027" class="ax_default label">
        <div id="u1027_div" class=""></div>
        <div id="u1027_text" class="text ">
          <p><span>价格</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1028" class="ax_default primary_button">
        <div id="u1028_div" class=""></div>
        <div id="u1028_text" class="text ">
          <p><span>加入购物车</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1029" class="ax_default primary_button">
        <div id="u1029_div" class=""></div>
        <div id="u1029_text" class="text ">
          <p><span>立即购买</span></p>
        </div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u1030" class="ax_default _图片">
        <img id="u1030_img" class="img " src="images/宝贝详情/u1030.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1031" class="ax_default label">
        <div id="u1031_div" class=""></div>
        <div id="u1031_text" class="text ">
          <p><span>小当家</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1032" class="ax_default box_2">
        <div id="u1032_div" class=""></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1033" class="ax_default box_2">
        <div id="u1033_div" class=""></div>
      </div>

      <!-- Unnamed (图像) -->
      <div id="u1034" class="ax_default _图片">
        <img id="u1034_img" class="img " src="images/宝贝详情/u1034.png"/>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u1035" class="ax_default">
        <div id="u1035_state0" class="panel_state" data-label="State1" style="">
          <div id="u1035_state0_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1036" class="ax_default _图片">
              <img id="u1036_img" class="img " src="images/宝贝详情/u1023.png"/>
            </div>
          </div>
        </div>
        <div id="u1035_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u1035_state1_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1037" class="ax_default _图片">
              <img id="u1037_img" class="img " src="images/宝贝详情/u1037.png"/>
            </div>
          </div>
        </div>
        <div id="u1035_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u1035_state2_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1038" class="ax_default _图片">
              <img id="u1038_img" class="img " src="images/宝贝详情/u1038.jpg"/>
            </div>
          </div>
        </div>
        <div id="u1035_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u1035_state3_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1039" class="ax_default _图片">
              <img id="u1039_img" class="img " src="images/宝贝详情/u1039.jpg"/>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u1040" class="ax_default" data-left="73" data-top="758" data-width="101" data-height="37">

        <!-- 数字 (矩形) -->
        <div id="u1041" class="ax_default box_2" data-label="数字">
          <div id="u1041_div" class=""></div>
          <div id="u1041_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1042" class="ax_default box_2">
          <div id="u1042_div" class=""></div>
          <div id="u1042_text" class="text ">
            <p><span>-</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1043" class="ax_default box_2">
          <div id="u1043_div" class=""></div>
          <div id="u1043_text" class="text ">
            <p><span>＋</span></p>
          </div>
        </div>
      </div>

      <!-- 加购 (组合) -->
      <div id="u1044" class="ax_default ax_default_hidden" data-label="加购" style="display:none; visibility: hidden" data-left="0" data-top="0" data-width="0" data-height="0">

        <!-- Unnamed (矩形) -->
        <div id="u1045" class="ax_default box_2">
          <div id="u1045_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u1046" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">

          <!-- Unnamed (SVG) -->
          <div id="u1047" class="ax_default _图片">
            <img id="u1047_img" class="img " src="images/宝贝详情/u1047.svg"/>
          </div>

          <!-- Unnamed (SVG) -->
          <div id="u1048" class="ax_default _图片">
            <img id="u1048_img" class="img " src="images/宝贝详情/u1048.svg"/>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1049" class="ax_default label">
          <div id="u1049_div" class=""></div>
          <div id="u1049_text" class="text ">
            <p><span>成功加入购物车</span></p>
          </div>
        </div>
      </div>

      <!-- 购物车 (矩形) -->
      <div id="u1050" class="ax_default label" data-label="购物车">
        <div id="u1050_div" class=""></div>
        <div id="u1050_text" class="text ">
          <p><span>1</span></p>
        </div>
      </div>

      <!-- Unnamed (Status Bar black) -->

      <!-- Unnamed (图像) -->
      <div id="u1052" class="ax_default _图片">
        <img id="u1052_img" class="img " src="images/1首页-问答/u161.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1053" class="ax_default label">
        <div id="u1053_div" class=""></div>
        <div id="u1053_text" class="text ">
          <p><span>宝贝详情</span></p>
        </div>
      </div>

      <!-- 侧 (动态面板) -->
      <div id="u1054" class="ax_default" data-label="侧">
        <div id="u1054_state0" class="panel_state" data-label="State1" style="">
          <div id="u1054_state0_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1055" class="ax_default _图片">
              <img id="u1055_img" class="img " src="images/宝贝详情/u1055.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1056" class="ax_default _图片">
              <img id="u1056_img" class="img " src="images/宝贝详情/u1056.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1057" class="ax_default _图片">
              <img id="u1057_img" class="img " src="images/宝贝详情/u1057.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1058" class="ax_default _图片">
              <img id="u1058_img" class="img " src="images/宝贝详情/u1058.png"/>
            </div>
          </div>
        </div>
        <div id="u1054_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u1054_state1_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1059" class="ax_default _图片">
              <img id="u1059_img" class="img " src="images/宝贝详情/u1059.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1060" class="ax_default _图片">
              <img id="u1060_img" class="img " src="images/宝贝详情/u1060.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1061" class="ax_default _图片">
              <img id="u1061_img" class="img " src="images/宝贝详情/u1061.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1062" class="ax_default _图片">
              <img id="u1062_img" class="img " src="images/宝贝详情/u1062.png"/>
            </div>
          </div>
        </div>
        <div id="u1054_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u1054_state2_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1063" class="ax_default _图片">
              <img id="u1063_img" class="img " src="images/宝贝详情/u1060.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1064" class="ax_default _图片">
              <img id="u1064_img" class="img " src="images/宝贝详情/u1064.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1065" class="ax_default _图片">
              <img id="u1065_img" class="img " src="images/宝贝详情/u1061.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1066" class="ax_default _图片">
              <img id="u1066_img" class="img " src="images/宝贝详情/u1066.png"/>
            </div>
          </div>
        </div>
        <div id="u1054_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u1054_state3_content" class="panel_state_content">

            <!-- Unnamed (图像) -->
            <div id="u1067" class="ax_default _图片">
              <img id="u1067_img" class="img " src="images/宝贝详情/u1067.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1068" class="ax_default _图片">
              <img id="u1068_img" class="img " src="images/宝贝详情/u1060.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1069" class="ax_default _图片">
              <img id="u1069_img" class="img " src="images/宝贝详情/u1064.png"/>
            </div>

            <!-- Unnamed (图像) -->
            <div id="u1070" class="ax_default _图片">
              <img id="u1070_img" class="img " src="images/宝贝详情/u1062.png"/>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
